<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="./img/小新.png" alt="小新" />
		<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Soluta non optio tempora fuga minus distinctio voluptates veniam repudiandae atque nihil. Aliquid dolorum assumenda inventore tempora quis unde eum ex laudantium. ipsum dolor sit amet consectetur adipisicing elit. Saepe, ipsum? Expedita, illo esse beatae similique aspernatur nam provident consequuntur laboriosam mollitia perferendis vel odio blanditiis quis fugit ad! Possimus, voluptatibus! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Placeat error ut distinctio laudantium, ullam eius dignissimos. Aliquid natus inventore ea impedit totam error possimus sunt fuga porro sequi. Provident, aut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus labore, autem culpa unde explicabo velit non fuga numquam, voluptate necessitatibus doloribus quidem praesentium quis vitae corporis cum officiis dolorem sit. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Esse reprehenderit ad, unde odio dolor eum quam quia eos, animi cum, quibusdam rem harum molestias ea accusamus maxime consequuntur assumenda praesentium. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, hic modi quis temporibus odio id, ducimus delectus tempora nostrum quibusdam, fugiat voluptatem. Nemo, praesentium modi numquam molestias soluta neque labore? ipsum dolor sit amet consectetur adipisicing elit. Beatae quibusdam iste dolorum aperiam. Dolor magni facilis accusamus aperiam quae eveniet explicabo obcaecati ipsa! Accusamus eveniet, fugiat veniam quam at harum.</p>
	</body>
</html>